<template>
  <!-- <div class="container-fluid p-0 m-0 h-100">
    <textarea id='debugmsg' class="form-control h-100" type="text" rows=50 readonly="readonly" v-model="debugmsg"></textarea>
  </div> -->
  <div ref="gamedebugtxet" type="text" readonly="readonly" style="background:black;overflow-y:scroll;height:500px">
    <ol>
      <li v-for="(line, lineindex) in muddebugs" v-bind:key="lineindex">
        <span v-for="(span, spanindex) in line" v-bind:key="spanindex" :style="{color:span.color}">{{ span.text }}</span>
      </li>
    </ol>
  </div>
</template>

<script>
export default {
  data: function () {
    return this.gdata.data
  }
}
</script>

<style scoped>
</style>
